<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<link rel="stylesheet" href="../../public/css/bootstrap.min.css">
		<link rel="stylesheet" href="style.css">
		<script src="../../public/js/template.js"></script>
		<script src="../../public/js/vue.js"></script>
		<script src="../../public/js/jquery.min.js"></script>
		<link rel="icon" href="../../public/images/index/title.jpg">
		 <script src="nav.js"></script>
		<title>会员营销软件、会员营销工具、店铺CRM_生意专家</title>
	</head>
	<body>
		<div id="nav"></div>
		<div class="model model12">
			<div class="text-center" id="model">
				<h1 style="color: white;font-size: 55px">优惠券</h1>
				<h6 style="color: white;font-size: 32px">主动出击，淡季不淡</h6>
				<a href="" class="btn btn-large" style="background-color: white; color:red;font-family: 'microsoft yahei';height: 55px;padding: 15px 30px;">立即注册</a>
			</div>
		</div>
		
		<div class="yhq text-center">
			<h5>看介绍的工夫，优惠券已经发出去了!</h5>
			<div class="col-xs-4" style="margin-left: 380px;margin-top: 0; padding: 0 15px;height: 24px;">
				<div class="yhqlist" style="margin: 0 -15px;font-size: 24px;color: dimgray;">
					<div class="col-xs-4" style="padding: 0 15px;margin-top: 0;">
						<div class="text-center" style="margin: 0 -15px;">
							<span><img src="../../public/images/优惠券/icon-grey-1.png" width="24px"height="24px"/>省事!</span>
						</div>
					</div>
					<div class="col-xs-4" style="padding: 0 15px;margin-top: 0;">
						<div class="text-center" style="margin: 0 -15px;">
							<span><img src="../../public/images/优惠券/icon-grey-2.png" width="24px"height="24px"/>省钱!</span>
						</div>
					</div>
					<div class="col-xs-4" style="padding: 0 15px;margin-top: 0;">
						<div class="text-center" style="margin: 0 -15px;">
							<span><img src="../../public/images/优惠券/icon-grey-3.png" width="24px"height="24px"/>省心!</span>
						</div>
					</div>
				</div>
			</div>
		</div>
		
		<div class="jizhang" style="margin-top:70px;padding-top:20px;height: 590px;">
			<div class="jizhangle">
				<div class="col-xs-4" style="margin: 0;width: 380px;">
					<div class="meme">
						<h5>多种玩法 即做即发</h5>
						<p style="margin-bottom: 30px;">点几下鼠标，立马拥有一批优惠券，快到超乎想<br />象。支持满减、满赠等多种促销规则，引爆顾客<br />购买欲。</p>
						<a href="" style="color:#f76e4b ; padding: 13px 10px; font-size: 16px;">注册体验功能 ></a>
					</div>
				</div>
				<div class="col-xs-8">
					<div class="meme">
						<img src="../../public/images/优惠券/demo-1.png" style="width:100%" />
					</div>
				</div>
			</div>
		</div>
		
		
		<div class="yhqev">
			<div class="col-xs-8">
				<div class="yhqrow">
					<img style="margin-left: 100px;"  src="../../public/images/优惠券/demo-2.png" width="540px"/>
				</div>
			</div>
			<div class="col-xs-4">
				<div class="yhqrow">
					<h5>环保高效 省钱省力</h5>
					<p>再也不用费时费力费钱地设计、印制优惠券。实惠，<br />相比传统纸质优惠券，降低95%以上成本。</p>
				    <a href="" style="color:#f76e4b ; padding: 13px 10px; font-size: 16px;">注册体验功能 ></a>
				</div>
			</div>
		</div>
		
		<div class="jizhang" style="margin-top:0px;padding-top:20px;height: 521px;">
			<div class="jizhangle">
				<div class="col-xs-4" style="margin: 0;width: 380px;">
					<div class="meme">
						<h5>获得会员的新途径</h5>
						<p style="margin-bottom: 30px;">顾客填写姓名和手机号即可领取优惠券，与此同<br />时生意专家已经将这位顾客记录为您的会员，为<br />您拓展短信营销受众。</p>
						<a href="" style="color:#f76e4b ; padding: 13px 10px; font-size: 16px;">注册体验功能 ></a>
					</div>
				</div>
				<div class="col-xs-8">
					<div class="meme">
						<img src="../../public/images/优惠券/demo-3.png" style="width:100%" />
					</div>
				</div>
			</div>
		</div>
		<div class="yhqev" style="height: 580px;border-bottom: 1px solid rgb(230,230,230);">
			<div class="col-xs-8">
				<div class="yhqrow">
					<img  src="../../public/images/优惠券/demo-4.png" width="620px"/>
				</div>
			</div>
			<div class="col-xs-4">
				<div class="yhqrow">
					<h5>最给力的营销方式</h5>
					<p>领取优惠券的顾客中，20%以上会到店用券进行消费。<br />他们不仅自己享受优惠，更可以将您的优惠券分享至朋<br />友圈，吸引好友光顾。</p>
				    <a href="" style="color:#f76e4b ; padding: 13px 10px; font-size: 16px;">注册体验功能 ></a>
				</div>
			</div>
		</div>
		
		<div class="paylist text-center" id="pay" style="position: relative;top: 0;border: none;background: white;margin-bottom: 0;height: 345px;">
			<div class="paywaylist" style="padding-top:60px;">
				<div class="payrow">
					<h4 style="margin-bottom: 0;">优惠券——引爆顾客购买欲</h4>
					<div  class="col-xs-4 text-center" v-for='item in ways' style="width: 285px;">
						<img :src="item.img" width="64px"/>
						<p style="margin: 18px auto 0 auto;font-family: '宋体';">{{item.p1}}</p>
						<p style="margin: 5px auto 0 auto;font-family: '宋体';">{{item.p2}}</p>
					</div>
				</div>
			</div>
		</div>
		
		<div id="footer1"></div>
		<div id="footer2"></div>
		<script>
			$('#nav').load('nav.html')
			
			$('#footer1').load('footer1.html')
			$('#footer2').load('footer2.html')
			
			new Vue({
				el:'#pay',
				data:{
					ways:[
					  {
					  	img:'../../public/images/优惠券/icon-coupon-1.png',
					  	p1:'支持优惠券跨店使用'
					  },
					  {
					  	img:'../../public/images/优惠券/icon-coupon-2.png',
					  	p1:'结账时可即刻发送',
					  	p2:'优惠券'
					  },
					  {
					  	img:'../../public/images/优惠券/icon-coupon-3.png',
					  	p1:'自由设置优惠券到期',
					  	p2:'时间'
					  },
					  {
					  	img:'../../public/images/优惠券/icon-coupon-4.png',
					  	p1:'领取优惠券的顾客',
					  	p2:'自动成为会员'
					  }
					]
				}
			})
		</script>
	</body>
</html>
